<template>
  <el-menu
      :default-active="$route.path"
      router
      class="el-menu-vertical-demo"
      background-color="#485668"
      text-color="#fff"
      active-text-color="#4e86ff">
      <el-submenu index="1" class="textLeft">
        <template slot="title">
          <i class="el-icon-setting"></i>
          <span>平台管理</span>
        </template>
        <el-menu-item-group class="textLeft">
          <el-menu-item index="/index">用户管理</el-menu-item>
          <el-menu-item index="/redpacketList">红包管理</el-menu-item>
          <el-menu-item index="/problem">违规拉新管理</el-menu-item>
          
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="2" class="textLeft">
        <template slot="title">
          <i class="el-icon-document"></i>
          <span slot="title">明细查询</span>
        </template>
        <el-menu-item-group class="textLeft">
          <el-menu-item index="/financialDetails">资金明细</el-menu-item>
          <el-menu-item index="/withdrawaDetails">提现明细</el-menu-item>
          <el-menu-item index="/inviteDetails">邀请明细</el-menu-item>
          <el-menu-item index="/dayDetails">日活明细</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="3" class="textLeft">
        <template slot="title">
          <i class="el-icon-bell"></i>
          <span slot="title">平台报表</span>
        </template>
        <el-menu-item-group class="textLeft">
          <el-menu-item index="/operateData">Excel运营数据</el-menu-item>
          <el-menu-item index="/redPacketData">Excel红包运营数据</el-menu-item>
          <el-menu-item index="/dailyData">用户1-7-30留存数据</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

    </el-menu>
</template>
<script>
export default {
  data () {
    return {

    }
  }
}
</script>
<style scoped>
.el-menu{
  width: 200px;
}
.textLeft{text-align: left}
</style>
  